<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // cookie

        // webStorage


        // 共同点：
        //    存储少量数据，都是存储在客户端(你的电脑上)  ---- 被删除或者被禁用的风险   不适合存重要的数据
        //    一条一条的存储
        
        // 区别
        //   cookie  是字符串   没有系统的方法(只能自己去封装)
        //   最多只能存50条
        //   最多只能存4KB
        //   可以设置有效期
        //   会随着服务器请求被携带


        //   webStorage  是对象    有系统的方法()
        //   没有过渡的限制
        //   最多可以存5MB
        //   不能设置有效期
        //   不会随着服务器请求被携带


        // cookie或者webStorage 只适合存简单的数据(不重要的数据)   记录用户的登录状态  
        
        // 区分sessionStorage(会话有效期,不能跨窗口--敏感账号的一次性登录) 和  localStorage(永久有效)


        // 真实的数据其实存在服务器上  


    </script>
    
</body>
</html>